<!--<template>-->
<!--  <div class="sf-style-container">-->
<!--    <header class="main-header">-->
<!--      <div class="logo">-->
<!--        <span class="logo-sf">Intelink</span>-->
<!--        <span class="logo-text">物流平台</span>-->
<!--      </div>-->
<!--      <nav class="main-nav">-->
<!--        <a href="#" class="nav-link active">首页</a>-->
<!--        <a href="#" class="nav-link">服务与解决方案</a>-->
<!--        <a href="#" class="nav-link">服务支持</a>-->
<!--        <a href="#" class="nav-link">关于我们</a>-->
<!--      </nav>-->
<!--      <div class="user-actions">-->
<!--        <router-link to="/login" class="nav-link">登录</router-link>-->
<!--        <router-link to="/register" class="nav-link btn-register">立即注册</router-link>-->
<!--      </div>-->
<!--    </header>-->

<!--    <main class="hero-section">-->
<!--      <div class="hero-content">-->
<!--        <h1 class="hero-title">消费品行业解决方案</h1>-->
<!--        <p class="hero-subtitle">-->
<!--          基于顺丰高效、稳定的仓配一体服务，实现端到端数智化供应链管理的服务，帮助消费品企业实现全渠道库存共享、统一管理、按需周转，以及"库存-服务-成本"三大供应链关键指标的平衡，精益运营-->
<!--        </p>-->
<!--      </div>-->
<!--    </main>-->

<!--     <section class="solutions-tabs">-->
<!--      <div class="tab-item">美妆仓配一体套餐 <span class="tab-badge">标准化</span></div>-->
<!--      <div class="tab-item">贵重品运输套餐 <span class="tab-badge">标准化</span></div>-->
<!--      <div class="tab-item active">一盘货解决方案 <span class="tab-badge">数智化</span></div>-->
<!--    </section>-->

<!--    <section class="content-section">-->
<!--      <h2 class="section-title">方案介绍</h2>-->
<!--      <div class="solution-details">-->
<!--        <div class="solution-diagram">-->
<!--          <img src="@/assets/img/方案图1.png" alt="解决方案流程图">-->
<!--        </div>-->
<!--        <div class="solution-text">-->
<!--          <h3>一盘货解决方案</h3>-->
<!--          <p>传统消费品零售行业，因为渠道多元化，存在库存有裂"多盘货、品项多、缺少业务标准"等一系列的难题。如果存之间难以互通，品牌库存分散，影响商品的高效周转。顺丰主为客户提供综合物流解决方案，帮助品牌商建立了一盘货的解决方案。顺丰快消客户通过一盘货一体化方案，帮助品牌企业将不同渠道的库存进行整合，形成统一的库存池，系统统一管理，实现库存共享、调拨、实时可视、数据追踪，构建上下游协同共享可视化，大大改善库存管理难题，提升供应链的运营效率。相比传统供应链，一盘货可以显著降低库存成本，优化了企业物流成本；另一方面可以提升企业的整体服务能力，以顺丰为桥梁打通上游供应链，打造更具竞争力的供应链模式</p>-->
<!--        </div>-->
<!--      </div>-->
<!--    </section>-->

<!--    &lt;!&ndash; 核心价值 &ndash;&gt;-->
<!--    <section class="core-values-section">-->
<!--      <h2 class="section-title">核心价值</h2>-->
<!--      <div class="values-container">-->
<!--        <div class="value-card">-->
<!--          <div class="value-icon">-->
<!--            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>-->
<!--          </div>-->
<!--          <h3>渠道库存共享，盘活资金周转</h3>-->
<!--          <p>一盘货模式下多渠道库存共享，提升库存周转率，降低资金占用</p>-->
<!--        </div>-->
<!--        <div class="value-card">-->
<!--          <div class="value-icon">-->
<!--            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M16 8v8"></path><path d="M8 8v8"></path></svg>-->
<!--          </div>-->
<!--          <h3>高效稳定的仓配一体服务</h3>-->
<!--          <p>仓配深度协同，集约化管理，提供优质的仓储管理与高效的物流执行</p>-->
<!--        </div>-->
<!--        <div class="value-card">-->
<!--          <div class="value-icon">-->
<!--            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>-->
<!--          </div>-->
<!--          <h3>产品化分层的极致履约</h3>-->
<!--          <p>根据客户不同渠道、分层的履约要求，匹配合适库存执行相关履约操作，最终给各阶层的客户提供快速、准时物流履约服务</p>-->
<!--        </div>-->
<!--        <div class="value-card">-->
<!--          <div class="value-icon">-->
<!--            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20v-6"></path><path d="M6 20v-4"></path><path d="M18 20v-2"></path></svg>-->
<!--          </div>-->
<!--          <h3>数智化提效</h3>-->
<!--          <p>通过线上化、智能化、端到端数据可视化方式在供应链各环节辅助决策提升效率</p>-->
<!--        </div>-->
<!--        <div class="value-card">-->
<!--          <div class="value-icon">-->
<!--            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4"></path><path d="M2 12h4"></path><path d="M12 2v4"></path><path d="M12 22v-4"></path><circle cx="12" cy="12" r="6"></circle></svg>-->
<!--          </div>-->
<!--          <h3>全链路可视化追踪</h3>-->
<!--          <p>通过系统集成，实现订单、库存、运输等全链路节点的可视化追踪，提升供应链透明度和管理效率。</p>-->
<!--        </div>-->
<!--      </div>-->
<!--    </section>-->

<!--    &lt;!&ndash; 适用场景 &ndash;&gt;-->
<!--    <section class="scenarios-section">-->
<!--      <h2 class="section-title">适用场景</h2>-->
<!--      <div class="scenarios-card-new">-->
<!--        <div class="scenarios-desc">-->
<!--          化妆品、乳制品、保健品等消费品行业品牌商、渠道商、代理商客户-->
<!--        </div>-->
<!--        <div class="scenarios-list-new2">-->
<!--          <div class="scenarios-col">-->
<!--            <div class="scenarios-item2">-->
<!--              <span class="dot2"></span>-->
<!--              <div>-->
<!--                <div class="item-title2">物理一堆货</div>-->
<!--                <div class="item-desc2">商品实物在物理地址上共享，统仓共配</div>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="scenarios-item2">-->
<!--              <span class="dot2"></span>-->
<!--              <div>-->
<!--                <div class="item-title2">渠道一盘货</div>-->
<!--                <div class="item-desc2">为企业提供营销渠道变革服务，打通商品物流、库存、渠道，实现从营销到履约一盘货服务</div>-->
<!--              </div>-->
<!--            </div>-->
<!--          </div>-->
<!--          <div class="scenarios-col">-->
<!--            <div class="scenarios-item2">-->
<!--              <span class="dot2"></span>-->
<!--              <div>-->
<!--                <div class="item-title2">库存一盘货</div>-->
<!--                <div class="item-desc2">实物和货权独立分开管理，通过OFC系统实现货权合并，实现库存共享一盘货</div>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="scenarios-item2">-->
<!--              <span class="dot2"></span>-->
<!--              <div>-->
<!--                <div class="item-title2">产业一盘货</div>-->
<!--                <div class="item-desc2">打通生产端原材料、半成品库存，这个阶段控货，为客户提供全产业上下游的平台一盘货服务</div>-->
<!--              </div>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="scenarios-bg-icon-new"></div>-->
<!--      </div>-->
<!--    </section>-->

<!--    &lt;!&ndash; 客户案例 &ndash;&gt;-->
<!--    <section class="case-study-section-new">-->
<!--      <div class="case-study-row">-->
<!--        <div class="case-study-img-wrap">-->
<!--          <img src="@/assets/img/生成类似图片04.png" alt="客户案例图片" />-->
<!--        </div>-->
<!--        <div class="case-study-card">-->
<!--          <div class="case-study-title">客户案例</div>-->
<!--          <div class="case-study-subtitle">某国货美妆集团</div>-->
<!--          <div class="case-study-desc">-->
<!--            2020年7月初，顺丰和某国货美妆集团就一盘货模式达成了深度合作，顺丰的核心优势在于线上线下库存灵活调拨管理、全国网络优化、仓配一体化、一盘货一体化、数据可视化等。该客户产品平均库存周转天数缩短了30%，异常库存占比下降95%；行政库存存放减少近50%，库存周转效率提升41%。-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--      <div class="case-pagination-new">-->
<!--        <button class="case-page-btn"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg></button>-->
<!--        <span>1/1</span>-->
<!--        <button class="case-page-btn"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></button>-->
<!--      </div>-->
<!--    </section>-->

<!--    &lt;!&ndash; 更多推荐 &ndash;&gt;-->
<!--    <section class="recommendations-section-new">-->
<!--      <h2 class="section-title">更多推荐</h2>-->
<!--      <div class="recommendations-grid">-->
<!--        <div class="reco-card-new">-->
<!--          <div class="reco-icon-new"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect></svg></div>-->
<!--          <div class="reco-title">智联特快</div>-->
<!--          <div class="reco-desc">为您提供"快速、准时、稳定"的高品质、门到门的标准快递服务</div>-->
<!--          <a href="#" class="reco-link-new">了解更多 &gt;</a>-->
<!--        </div>-->
<!--        <div class="reco-card-new">-->
<!--          <div class="reco-icon-new"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="21 8 21 21 3 21 3 8"></polyline><rect x="1" y="3" width="22" height="5"></rect><line x1="10" y1="12" x2="14" y2="12"></line></svg></div>-->
<!--          <div class="reco-title">智联特快</div>-->
<!--          <div class="reco-desc">为您提供"价格更优、时效稳定、托寄无忧、服务范围广"门到门的标准快递服务</div>-->
<!--          <a href="#" class="reco-link-new">了解更多 &gt;</a>-->
<!--        </div>-->
<!--        <div class="reco-card-new">-->
<!--          <div class="reco-icon-new"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="3" width="15" height="13"></rect><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon><circle cx="5.5" cy="18.5" r="2.5"></circle><circle cx="18.5" cy="18.5" r="2.5"></circle></svg></div>-->
<!--          <div class="reco-title">智联卡航</div>-->
<!--          <div class="reco-desc">为客户提供20KG+门到门托运服务，适配电商大包裹、工业区批量件，货物安全可视，时效精准稳定，同时支持送装一体、特殊入仓、签单返还等多样化服务需求</div>-->
<!--          <a href="#" class="reco-link-new">了解更多 &gt;</a>-->
<!--        </div>-->
<!--        <div class="reco-card-new">-->
<!--          <div class="reco-icon-new"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 3v4"/><path d="M8 3v4"/></svg></div>-->
<!--          <div class="reco-title">大票直送</div>-->
<!--          <div class="reco-desc">为企业客户提供单票500KG以上大票零担货物的物流服务，有效分担企业物流成本，助力企业专注生产主业发展</div>-->
<!--          <a href="#" class="reco-link-new">了解更多 &gt;</a>-->
<!--        </div>-->
<!--      </div>-->
<!--    </section>-->

<!--    &lt;!&ndash; 合作咨询 &ndash;&gt;-->
<!--    <section class="cta-section">-->
<!--      <div class="cta-content">-->
<!--        <h2>合作咨询</h2>-->
<!--        <button class="cta-button-main">-->
<!--            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.5 12H16c-1.7 0-3 1.3-3 3v1a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-1c0-1.7-1.3-3-3-3H2.5"></path><path d="M5.5 5.5A3.5 3.5 0 0 1 9 2h6a3.5 3.5 0 0 1 3.5 3.5v0A3.5 3.5 0 0 1 15 9H9a3.5 3.5 0 0 1-3.5-3.5v0Z"></path></svg>-->
<!--            马上咨询-->
<!--        </button>-->
<!--      </div>-->
<!--    </section>-->

<!--    <footer class="main-footer">-->
<!--      <div class="footer-top">-->
<!--        <div class="footer-brand">-->
<!--            <div class="logo-sf-footer">Intelink</div>-->
<!--            <h4>智联物流</h4>-->
<!--            <p>智链全程 联诺必达</p>-->
<!--        </div>-->
<!--        <div class="footer-links-container">-->
<!--            <div class="footer-column">-->
<!--                <h4><span class="dot"></span>物流服务</h4>-->
<!--                <ul>-->
<!--                    <li><a href="#">快递服务</a></li>-->
<!--                    <li><a href="#">快运服务</a></li>-->
<!--                    <li><a href="#">冷运服务</a></li>-->
<!--                    <li><a href="#">医药服务</a></li>-->
<!--                    <li><a href="#">国际服务</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="footer-column">-->
<!--                <h4><span class="dot"></span>解决方案</h4>-->
<!--                <ul>-->
<!--                    <li><a href="#">生鲜食品</a></li>-->
<!--                    <li><a href="#">汽车行业</a></li>-->
<!--                    <li><a href="#">工业制造</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--             <div class="footer-column">-->
<!--                <h4><span class="dot"></span>服务支持</h4>-->
<!--                <ul>-->
<!--                    <li><a href="#">在线下单</a></li>-->
<!--                    <li><a href="#">运费查询</a></li>-->
<!--                    <li><a href="#">服务网点</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="footer-column">-->
<!--                <h4><span class="dot"></span>关于我们</h4>-->
<!--                <ul>-->
<!--                    <li><a href="#">公司介绍</a></li>-->
<!--                    <li><a href="#">新闻资讯</a></li>-->
<!--                    <li><a href="#">加入我们</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--        </div>-->
<!--      </div>-->
<!--      <div class="footer-bottom">-->
<!--        <span>© 2024 智联物流 版权所有</span>-->
<!--        <div class="footer-legal">-->
<!--            <a href="#">使用条款</a>-->
<!--            <a href="#">隐私政策</a>-->
<!--            <a href="#">品牌资料</a>-->
<!--        </div>-->
<!--      </div>-->
<!--    </footer>-->

<!--    &lt;!&ndash; 右侧悬浮工具栏 &ndash;&gt;-->
<!--    <div class="right-sidebar">-->
<!--        <a href="#" class="sidebar-item">-->
<!--            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>-->
<!--            <span>客服</span>-->
<!--        </a>-->
<!--        <a href="#" class="sidebar-item">-->
<!--             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>-->
<!--            <span>咨询</span>-->
<!--        </a>-->
<!--    </div>-->

<!--  </div>-->
<!--</template>-->

<!--<style scoped>-->
<!--/* 全局字体和基础样式 */-->
<!--.sf-style-container {-->
<!--  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;-->
<!--  background-color: #f5f5f7;-->
<!--  color: #333;-->
<!--}-->

<!--/* 头部导航栏 */-->
<!--.main-header {-->
<!--  display: flex;-->
<!--  justify-content: space-between;-->
<!--  align-items: center;-->
<!--  padding: 0 50px;-->
<!--  height: 60px;-->
<!--  background-color: #ffffff;-->
<!--  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);-->
<!--  position: sticky;-->
<!--  top: 0;-->
<!--  z-index: 1000;-->
<!--}-->

<!--.logo {-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--}-->

<!--.logo-sf {-->
<!--  background-color: #E20000;-->
<!--  color: white;-->
<!--  font-weight: bold;-->
<!--  padding: 5px 8px;-->
<!--  border-radius: 4px;-->
<!--  font-size: 24px;-->
<!--}-->

<!--.logo-text {-->
<!--  font-size: 20px;-->
<!--  margin-left: 12px;-->
<!--  color: #555;-->
<!--  font-weight: 500;-->
<!--}-->

<!--.main-nav {-->
<!--  display: flex;-->
<!--  gap: 40px;-->
<!--}-->

<!--.nav-link {-->
<!--  color: #333;-->
<!--  text-decoration: none;-->
<!--  font-size: 16px;-->
<!--  padding: 8px 0;-->
<!--  position: relative;-->
<!--  transition: color 0.3s ease;-->
<!--}-->

<!--.nav-link:hover,-->
<!--.nav-link.active {-->
<!--  color: #E20000;-->
<!--}-->

<!--.nav-link.active::after {-->
<!--  content: '';-->
<!--  position: absolute;-->
<!--  bottom: 0;-->
<!--  left: 0;-->
<!--  width: 100%;-->
<!--  height: 2px;-->
<!--  background-color: #E20000;-->
<!--}-->

<!--.user-actions {-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--  gap: 20px;-->
<!--}-->

<!--.btn-register {-->
<!--  background-color: #E20000;-->
<!--  color: white;-->
<!--  padding: 8px 16px;-->
<!--  border-radius: 20px;-->
<!--  transition: background-color 0.3s ease;-->
<!--}-->

<!--.btn-register:hover {-->
<!--  background-color: #c00;-->
<!--  color: white; /* 确保悬停时文字颜色不变 */-->
<!--}-->

<!--/* Hero区域 */-->
<!--.hero-section {-->
<!--  height: 700px;-->
<!--  background-image: url('@/assets/img/生成类似图片03.png');-->
<!--  background-size: cover;-->
<!--  background-position: center;-->
<!--  width: 100%;-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--  justify-content: center;-->
<!--  text-align: center;-->
<!--  position: relative;-->
<!--  color: white;-->
<!--}-->
<!--.hero-section::before {-->
<!--  content: '';-->
<!--  position: absolute;-->
<!--  top: 0;-->
<!--  left: 0;-->
<!--  right: 0;-->
<!--  bottom: 0;-->
<!--  background-color: rgba(0, 0, 0, 0.5); /* 黑色半透明遮罩 */-->
<!--}-->
<!--.hero-content {-->
<!--  position: relative;-->
<!--  z-index: 1;-->
<!--  max-width: 800px;-->
<!--  margin: 0 auto;-->
<!--}-->

<!--.hero-title {-->
<!--  font-size: 48px;-->
<!--  font-weight: bold;-->
<!--  margin-bottom: 20px;-->
<!--  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);-->
<!--}-->

<!--.hero-subtitle {-->
<!--  font-size: 18px;-->
<!--  line-height: 1.6;-->
<!--}-->

<!--/* 解决方案Tabs */-->
<!--.solutions-tabs {-->
<!--  display: flex;-->
<!--  justify-content: center;-->
<!--  background-color: #fff;-->
<!--  padding: 20px 0;-->
<!--  border-bottom: 1px solid #e0e0e0;-->
<!--}-->
<!--.tab-item {-->
<!--  padding: 10px 30px;-->
<!--  cursor: pointer;-->
<!--  color: #555;-->
<!--  font-size: 18px;-->
<!--  position: relative;-->
<!--  transition: color 0.3s;-->
<!--}-->

<!--.tab-item:hover,-->
<!--.tab-item.active {-->
<!--  color: #E20000;-->
<!--}-->

<!--.tab-item.active::after {-->
<!--  content: '';-->
<!--  position: absolute;-->
<!--  bottom: -21px; /* 调整位置与边框重合 */-->
<!--  left: 50%;-->
<!--  transform: translateX(-50%);-->
<!--  width: 60%;-->
<!--  height: 3px;-->
<!--  background-color: #E20000;-->
<!--}-->


<!--/* 内容区域 */-->
<!--.content-section {-->
<!--  padding: 80px 50px;-->
<!--  animation: slideInUp 0.8s 0.4s ease-out backwards;-->
<!--  background-color: #fff;-->
<!--}-->
<!--.section-title {-->
<!--  text-align: left;-->
<!--  font-size: 34px;-->
<!--  font-weight: 600;-->
<!--  margin-bottom: 70px;-->
<!--  position: relative;-->
<!--  padding-bottom: 20px;-->
<!--  max-width: 1200px;-->
<!--  margin-left: auto;-->
<!--  margin-right: auto;-->
<!--}-->

<!--.section-title::after {-->
<!--  content: '';-->
<!--  position: absolute;-->
<!--  bottom: 0;-->
<!--  left: 0;-->
<!--  width: 1200px;-->
<!--  height: 2px;-->
<!--  background-color: #e0e0e0;-->
<!--  border-radius: 2px;-->
<!--}-->

<!--.solution-details {-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--  gap: 80px;-->
<!--  max-width: 1119px;-->
<!--  margin: 0 auto;-->
<!--  background-color: #fff;-->
<!--  padding: 40px;-->
<!--  border-radius: 12px;-->
<!--  border: 1px solid #e9ecef;-->
<!--  box-shadow: 0 4px 20px rgba(0,0,0,0.05);-->
<!--  transition: all 0.3s ease;-->
<!--}-->

<!--.solution-details:hover {-->
<!--  transform: translateY(-8px);-->
<!--  box-shadow: 0 10px 30px rgba(0,0,0,0.08);-->
<!--}-->

<!--.solution-diagram img {-->
<!--  max-width: 500px;-->
<!--  border-radius: 8px;-->
<!--}-->

<!--.solution-text h3 {-->
<!--  font-size: 24px;-->
<!--  font-weight: 500;-->
<!--  margin-bottom: 15px;-->
<!--}-->

<!--.solution-text p {-->
<!--  font-size: 16px;-->
<!--  color: #666;-->
<!--  line-height: 1.7;-->
<!--  margin-bottom: 30px;-->
<!--}-->

<!--.cta-button {-->
<!--  background-color: #E20000;-->
<!--  color: white;-->
<!--  border: none;-->
<!--  padding: 12px 24px;-->
<!--  border-radius: 4px;-->
<!--  font-size: 16px;-->
<!--  cursor: pointer;-->
<!--  transition: background-color 0.3s;-->
<!--}-->

<!--.cta-button:hover {-->
<!--  background-color: #c00;-->
<!--}-->

<!--/* 核心价值 */-->
<!--.core-values-section {-->
<!--  padding: 60px 0 0 0;-->
<!--  background: #f6f7fa;-->
<!--}-->
<!--.values-container {-->
<!--  display: grid;-->
<!--  grid-template-columns: repeat(3, 1fr);-->
<!--  gap: 36px 40px;-->
<!--  max-width: 1200px;-->
<!--  margin: 0 auto;-->
<!--}-->
<!--.value-card {-->
<!--  background: #fff;-->
<!--  border-radius: 18px;-->
<!--  box-shadow: 0 2px 12px rgba(0,0,0,0.04);-->
<!--  padding: 36px 32px 28px 32px;-->
<!--  min-height: 160px;-->
<!--  display: flex;-->
<!--  flex-direction: column;-->
<!--  justify-content: flex-start;-->
<!--  align-items: flex-start;-->
<!--  border: none;-->
<!--  transition: box-shadow 0.2s, transform 0.2s;-->
<!--}-->
<!--.value-card:hover {-->
<!--  box-shadow: 0 8px 32px rgba(0,0,0,0.10);-->
<!--  transform: translateY(-4px) scale(1.02);-->
<!--}-->
<!--.value-icon {-->
<!--  margin-bottom: 18px;-->
<!--  color: #E20000;-->
<!--  font-size: 32px;-->
<!--}-->
<!--.value-card h3 {-->
<!--  font-size: 18px;-->
<!--  font-weight: bold;-->
<!--  margin-bottom: 12px;-->
<!--  color: #222;-->
<!--  text-align: left;-->
<!--}-->
<!--.value-card p {-->
<!--  font-size: 15px;-->
<!--  color: #555;-->
<!--  line-height: 1.7;-->
<!--  text-align: left;-->
<!--}-->

<!--/* 新适用场景样式 */-->
<!--.scenarios-section {-->
<!--  padding: 60px 0 60px 0;-->
<!--  background: #f6f7fa;-->
<!--}-->
<!--.scenarios-card-new {-->
<!--  background: #fff;-->
<!--  border-radius: 16px;-->
<!--  box-shadow: 0 2px 12px rgba(0,0,0,0.04);-->
<!--  max-width: 1100px;-->
<!--  margin: 0 auto;-->
<!--  padding: 36px 40px 36px 40px;-->
<!--  display: flex;-->
<!--  flex-direction: column;-->
<!--  gap: 32px;-->
<!--  position: relative;-->
<!--}-->
<!--.scenarios-desc {-->
<!--  font-size: 16px;-->
<!--  color: #333;-->
<!--  margin-bottom: 18px;-->
<!--  font-weight: 500;-->
<!--}-->
<!--.scenarios-list-new2 {-->
<!--  display: flex;-->
<!--  gap: 60px;-->
<!--  margin-top: 24px;-->
<!--}-->
<!--.scenarios-col {-->
<!--  flex: 1;-->
<!--  display: flex;-->
<!--  flex-direction: column;-->
<!--  gap: 36px;-->
<!--}-->
<!--.scenarios-item2 {-->
<!--  display: flex;-->
<!--  align-items: flex-start;-->
<!--  gap: 14px;-->
<!--}-->
<!--.dot2 {-->
<!--  width: 12px;-->
<!--  height: 12px;-->
<!--  background: #E20000;-->
<!--  border-radius: 50%;-->
<!--  margin-top: 7px;-->
<!--  flex-shrink: 0;-->
<!--}-->
<!--.item-title2 {-->
<!--  font-size: 17px;-->
<!--  font-weight: bold;-->
<!--  color: #222;-->
<!--  margin-bottom: 6px;-->
<!--}-->
<!--.item-desc2 {-->
<!--  font-size: 15px;-->
<!--  color: #555;-->
<!--  line-height: 1.7;-->
<!--}-->
<!--.scenarios-bg-icon-new {-->
<!--  position: absolute;-->
<!--  right: 24px;-->
<!--  bottom: 18px;-->
<!--  width: 80px;-->
<!--  height: 80px;-->
<!--  opacity: 0.08;-->
<!--  pointer-events: none;-->
<!--}-->

<!--/* 客户案例 */-->
<!--.case-study-section-new {-->
<!--  background: #fff;-->
<!--  padding: 60px 0 0 0;-->
<!--}-->
<!--.case-study-row {-->
<!--  display: flex;-->
<!--  align-items: stretch;-->
<!--  justify-content: center;-->
<!--  gap: 60px;-->
<!--  max-width: 1200px;-->
<!--  margin: 0 auto;-->
<!--}-->
<!--.case-study-img-wrap {-->
<!--  flex: 1;-->
<!--  min-width: 340px;-->
<!--  max-width: 420px;-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--  justify-content: center;-->
<!--  background: none;-->
<!--  border-radius: 0;-->
<!--  box-shadow: none;-->
<!--  padding: 0;-->
<!--  height: 100%;-->
<!--}-->
<!--.case-study-img-wrap img {-->
<!--  width: 100%;-->
<!--  height: 100%;-->
<!--  max-width: 100%;-->
<!--  max-height: 480px;-->
<!--  border-radius: 16px;-->
<!--  object-fit: cover;-->
<!--  box-shadow: 0 2px 12px rgba(0,0,0,0.08);-->
<!--  display: block;-->
<!--}-->
<!--.case-study-card {-->
<!--  flex: 1.2;-->
<!--  background: #f6f8fc;-->
<!--  border-radius: 16px;-->
<!--  box-shadow: 0 2px 12px rgba(0,0,0,0.04);-->
<!--  padding: 36px 40px;-->
<!--  display: flex;-->
<!--  flex-direction: column;-->
<!--  justify-content: center;-->
<!--  min-height: 260px;-->
<!--}-->
<!--.case-study-title {-->
<!--  font-size: 22px;-->
<!--  font-weight: bold;-->
<!--  color: #222;-->
<!--  margin-bottom: 18px;-->
<!--}-->
<!--.case-study-subtitle {-->
<!--  font-size: 18px;-->
<!--  font-weight: 600;-->
<!--  color: #E20000;-->
<!--  margin-bottom: 16px;-->
<!--}-->
<!--.case-study-desc {-->
<!--  font-size: 15px;-->
<!--  color: #444;-->
<!--  line-height: 1.8;-->
<!--}-->
<!--.case-pagination-new {-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--  justify-content: flex-end;-->
<!--  gap: 18px;-->
<!--  max-width: 1200px;-->
<!--  margin: 18px auto 0 auto;-->
<!--  color: #888;-->
<!--}-->
<!--.case-page-btn {-->
<!--  background: #f6f7fa;-->
<!--  border: none;-->
<!--  border-radius: 50%;-->
<!--  width: 32px;-->
<!--  height: 32px;-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--  justify-content: center;-->
<!--  cursor: pointer;-->
<!--  transition: background 0.2s;-->
<!--}-->
<!--.case-page-btn:hover {-->
<!--  background: #E20000;-->
<!--  color: #fff;-->
<!--}-->

<!--/* 更多推荐 */-->
<!--.recommendations-section-new {-->
<!--  background: #f6f7fa;-->
<!--  padding: 60px 0 80px 0;-->
<!--}-->
<!--.recommendations-grid {-->
<!--  display: grid;-->
<!--  grid-template-columns: repeat(4, 1fr);-->
<!--  gap: 36px;-->
<!--  max-width: 1200px;-->
<!--  margin: 0 auto;-->
<!--}-->
<!--.reco-card-new {-->
<!--  background: #fff;-->
<!--  border-radius: 16px;-->
<!--  box-shadow: 0 2px 12px rgba(0,0,0,0.04);-->
<!--  padding: 36px 28px 32px 28px;-->
<!--  display: flex;-->
<!--  flex-direction: column;-->
<!--  align-items: flex-start;-->
<!--  transition: background 0.2s, color 0.2s;-->
<!--  position: relative;-->
<!--  min-height: 220px;-->
<!--  cursor: pointer;-->
<!--}-->
<!--.reco-card-new:hover {-->
<!--  background: #E20000;-->
<!--}-->
<!--.reco-card-new:hover .reco-title,-->
<!--.reco-card-new:hover .reco-desc,-->
<!--.reco-card-new:hover .reco-icon-new {-->
<!--  color: #fff;-->
<!--}-->
<!--.reco-card-new:hover .reco-link-new {-->
<!--  color: #fff;-->
<!--  text-decoration: underline;-->
<!--}-->
<!--.reco-icon-new {-->
<!--  font-size: 28px;-->
<!--  color: #E20000;-->
<!--  margin-bottom: 18px;-->
<!--  transition: color 0.2s;-->
<!--}-->
<!--.reco-title {-->
<!--  font-size: 17px;-->
<!--  font-weight: bold;-->
<!--  margin-bottom: 10px;-->
<!--  color: #222;-->
<!--}-->
<!--.reco-desc {-->
<!--  font-size: 15px;-->
<!--  color: #555;-->
<!--  line-height: 1.7;-->
<!--  margin-bottom: 18px;-->
<!--  flex: 1 1 auto;-->
<!--}-->
<!--.reco-link-new {-->
<!--  color: #E20000;-->
<!--  text-decoration: none;-->
<!--  font-weight: 500;-->
<!--  font-size: 15px;-->
<!--  transition: color 0.2s;-->
<!--  margin-top: auto;-->
<!--  align-self: flex-start;-->
<!--}-->
<!--.reco-link-new:hover {-->
<!--  text-decoration: underline;-->
<!--  color: #c00;-->
<!--}-->

<!--/* 合作咨询 CTA */-->
<!--.cta-section {-->
<!--    padding: 200px 50px;-->
<!--    background-image: url('../../../assets/img/合作.png');-->
<!--    background-size: cover;-->
<!--    background-position: center;-->
<!--    text-align: center;-->
<!--    position: relative;-->
<!--    color: #fff;-->
<!--}-->
<!--.cta-section::before {-->
<!--    content: '';-->
<!--    position: absolute;-->
<!--    top: 0; left: 0; right: 0; bottom: 0;-->
<!--    background-color: rgba(0,0,0,0.6);-->
<!--}-->
<!--.cta-content {-->
<!--    position: relative;-->
<!--    z-index: 2;-->
<!--}-->
<!--.cta-content h2 {-->
<!--    font-size: 36px;-->
<!--    font-weight: 600;-->
<!--    margin-bottom: 30px;-->
<!--}-->
<!--.cta-button-main {-->
<!--    background-color: #fff;-->
<!--    color: #333;-->
<!--    border: none;-->
<!--    padding: 14px 28px;-->
<!--    border-radius: 8px;-->
<!--    font-size: 18px;-->
<!--    font-weight: 500;-->
<!--    cursor: pointer;-->
<!--    transition: all 0.3s;-->
<!--    display: inline-flex;-->
<!--    align-items: center;-->
<!--    gap: 10px;-->
<!--}-->
<!--.cta-button-main:hover {-->
<!--    background-color: #f0f0f0;-->
<!--    transform: translateY(-3px);-->
<!--    box-shadow: 0 6px 20px rgba(0,0,0,0.2);-->
<!--}-->

<!--/* 页脚 */-->
<!--.main-footer {-->
<!--  background-color: #212121;-->
<!--  color: #a7a7a7;-->
<!--  padding: 60px 50px 20px;-->
<!--}-->
<!--.footer-top {-->
<!--    display: flex;-->
<!--    max-width: 1400px;-->
<!--    margin: 0 auto;-->
<!--    padding-bottom: 40px;-->
<!--    border-bottom: 1px solid #3a3a3a;-->
<!--    gap: 60px;-->
<!--}-->
<!--.footer-brand {-->
<!--    flex-shrink: 0;-->
<!--}-->
<!--.logo-sf-footer {-->
<!--    width: 80px;-->
<!--    height: 80px;-->
<!--    border: 2px solid #fff;-->
<!--    border-radius: 50%;-->
<!--    display: flex;-->
<!--    align-items: center;-->
<!--    justify-content: center;-->
<!--    font-size: 18px;-->
<!--    font-weight: bold;-->
<!--    color: #fff;-->
<!--    margin-bottom: 15px;-->
<!--}-->
<!--.footer-brand h4 {-->
<!--    color: #fff;-->
<!--    font-size: 20px;-->
<!--    margin-bottom: 8px;-->
<!--}-->
<!--.footer-brand p {-->
<!--    font-size: 14px;-->
<!--    color: #888;-->
<!--}-->

<!--.footer-links-container {-->
<!--    display: flex;-->
<!--    justify-content: space-between;-->
<!--    flex-grow: 1;-->
<!--}-->
<!--.footer-column h4 {-->
<!--    font-size: 16px;-->
<!--    color: #fff;-->
<!--    margin-bottom: 20px;-->
<!--    display: flex;-->
<!--    align-items: center;-->
<!--}-->
<!--.footer-column h4 .dot {-->
<!--    display: inline-block;-->
<!--    width: 6px;-->
<!--    height: 6px;-->
<!--    border-radius: 50%;-->
<!--    background-color: #E20000;-->
<!--    margin-right: 8px;-->
<!--}-->
<!--.footer-column ul {-->
<!--    list-style: none;-->
<!--    padding: 0;-->
<!--    margin: 0;-->
<!--}-->
<!--.footer-column ul li {-->
<!--    margin-bottom: 12px;-->
<!--}-->
<!--.footer-column ul a {-->
<!--    color: #a7a7a7;-->
<!--    text-decoration: none;-->
<!--    font-size: 14px;-->
<!--    transition: color 0.3s;-->
<!--}-->
<!--.footer-column ul a:hover {-->
<!--    color: #fff;-->
<!--}-->

<!--.footer-bottom {-->
<!--    max-width: 1400px;-->
<!--    margin: 20px auto 0;-->
<!--    display: flex;-->
<!--    justify-content: space-between;-->
<!--    align-items: center;-->
<!--    font-size: 13px;-->
<!--    color: #888;-->
<!--}-->
<!--.footer-legal a {-->
<!--    color: #888;-->
<!--    text-decoration: none;-->
<!--    margin-left: 20px;-->
<!--}-->
<!--.footer-legal a:hover {-->
<!--    color: #fff;-->
<!--}-->

<!--/* 右侧悬浮工具栏 */-->
<!--.right-sidebar {-->
<!--    position: fixed;-->
<!--    right: 0;-->
<!--    top: 50%;-->
<!--    transform: translateY(-50%);-->
<!--    background-color: #fff;-->
<!--    box-shadow: -2px 0 15px rgba(0,0,0,0.08);-->
<!--    border-radius: 12px 0 0 12px;-->
<!--    z-index: 1000;-->
<!--    overflow: hidden;-->
<!--}-->
<!--.sidebar-item {-->
<!--    display: flex;-->
<!--    flex-direction: column;-->
<!--    align-items: center;-->
<!--    justify-content: center;-->
<!--    width: 65px;-->
<!--    height: 65px;-->
<!--    color: #666;-->
<!--    text-decoration: none;-->
<!--    transition: all 0.3s;-->
<!--    border: none;-->
<!--    background: none;-->
<!--    cursor: pointer;-->
<!--    position: relative;-->
<!--    font-size: 12px;-->
<!--}-->
<!--.sidebar-item:not(:last-child)::after {-->
<!--    content: '';-->
<!--    position: absolute;-->
<!--    bottom: 0;-->
<!--    left: 50%;-->
<!--    transform: translateX(-50%);-->
<!--    width: 60%;-->
<!--    height: 1px;-->
<!--    background-color: #f0f0f0;-->
<!--}-->
<!--.sidebar-item:hover {-->
<!--    background-color: #E20000;-->
<!--    color: #fff;-->
<!--}-->
<!--.sidebar-item svg {-->
<!--    margin-bottom: 5px;-->
<!--}-->

<!--.banner-img {-->
<!--  max-width: 100%;-->
<!--  height: auto;-->
<!--  margin-bottom: 30px;-->
<!--  border-radius: 12px;-->
<!--  box-shadow: 0 4px 20px rgba(0,0,0,0.08);-->
<!--  position: relative;-->
<!--  z-index: 2;-->
<!--}-->

<!--.case-study-img-wrap.case-study-placeholder {-->
<!--  flex: 1;-->
<!--  min-width: 340px;-->
<!--  background: #f6f7fa;-->
<!--  border-radius: 12px;-->
<!--  height: 320px;-->
<!--}-->

<!--</style>-->
